﻿@{
    Layout = "~/Skins/Cms/Views/Shared/_Layout.cshtml";
}

<link href="/Skins/Cms/Content/css/Details.css" rel="stylesheet" />

@model YTCMS.Domain.Entities.products
<link href="/Content/gallery/css/jquery.ad-gallery.css" rel="stylesheet" />
<script src="/Content/gallery/js/jquery.ad-gallery.js"></script>
<script src="/Content/gallery/js/zzsc.js"></script>

<div class="jumbotron details">
    <div class="container">
        <div class="detailTitle">
            <div class="title">
                <h2 title="@Model.Name">@Model.Name</h2>
            </div>
            <div class="price">
                <span class="preferential">
                    <ins>@Model.Price</ins>起
                </span>
            </div>
        </div>

        <div class="detailBody margin-top-40">
            <div class="row">
                <div class="col-md-6">
                    <div class="productImg">
                        <div id="gallery" class="ad-gallery">
                            <div class="ad-image-wrapper">
                            </div>
                            <div class="ad-controls">
                            </div>
                            <div class="ad-nav">
                                <div class="ad-thumbs">
                                    <ul class="ad-thumb-list">

                                        @{
                                            var imgs = ViewData["imgs"] as IQueryable<YTCMS.Domain.Entities.images>;
                                            if (imgs.Any())
                                            {
                                                foreach (var item in imgs)
                                                {
                                                    <li>
                                                        <a href="@item.Url.Replace("_120x120", "_600x400")">
                                                            <img src="@item.Url.Replace("_120x120","_90x60")" class="image0">
                                                        </a>
                                                    </li>
                                                }
                                            }
                                        }
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="xlts">
                        <span>线路特色</span>
                        <div>
                            <hr>
                        </div>
                    </div>
                    <div style="" class="xlts_info">
                        @Html.Raw(Model.Feature)
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="tab22" id="tab_nav" style="">
                    <a href="#Remark" class="ok">线路简介</a>
                    <a href="#Hodometer" class="nones">每日行程</a>
                    <a href="#Agreement" class="nones" style="border:none;">费用说明</a>
                </div>
            </div>
            <div class="row">
                <div class="main lxld_left" style="background:#fff; margin-top:0;">
                    <div id="Remark" class="sdc">
                        <div class="jdesxq detail">
                            <!--<p><span><b>亮点简介/设计理念</b></span></p>-->
                            <div id="itin1">
                                <div class="itinerary_title">线路简介</div>
                                @Html.Raw(Model.Remark)
                            </div>
                        </div>
                    </div>

                    <div id="Hodometer" class="detail" style="margin-top:30px;position:relative;">

                    </div>

                    <div id="Agreement" class="detail" style="margin-top:30px;position:relative;">

                    </div>
                </div>
                <div class="lxld_right">
                    <div class="lxld_djld" style="height:120px;">
                        <span>咨询联系电话</span>
                        <span style="margin-top: 65px;">
                            <hr style="width:130px;">
                        </span>

                    </div>
                    <div class="phone">
                        4001234567
                    </div>
                    <div class="lxld_djld margin-top-10">
                        <img class="lxld_djld_img" src="/Skins/Cms/Content/img/Common/lxld_djld.png" />
                        <div class="lxld_djld_content">
                            <p>
                                避开嘈杂人群，玩转日本小众九州！
                            </p>
                            <p>
                                置身长崎欧洲荷兰风情豪斯登堡乐园！
                            </p>
                            <p>
                                嬉野、汤布院、别府体验特色温泉，巡游8大地狱温泉奇景！
                            </p>
                            <p>
                                熊本尝特色马肉刺身！
                            </p>
                        </div>
                    </div>

                    <div class="lxld_djld margin-top-10" style="padding-left: 100px;padding-top: 30px; background:none;">
                        <img src="/Skins/Cms/Content/img/Common/ljyd.png" />
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/jscript">
    var is_scrolling = false;
    var body_half_height = parseInt($(window).height()) / 2;

    $(function () {
        var top_s = 704; //754;
        var down_s = 564;
        $(window).scroll(function () {
            var scrollTop = $(this).scrollTop();
            //alert(scrollTop);
            if (top_s >= scrollTop) {
                $("#tab_nav").removeClass("fixed");
            }
            else if (scrollTop >= ($(document).height() - 1060)) {
                //滚动到weix DIV前停止
            }
            else {
                $("#tab_nav").addClass("fixed");
            }
        })
    })

</script>